<script>
import { mapState } from 'vuex';

export default {
  computed: {
    ...mapState({
      links: (state) => state.config.friendlink || [],
    }),
  },
};
</script>

<template>
  <div v-if="links.length" class="dzq-index-section">
    <div class="dzq-index-section__hd">
      <h2 class="dzq-index-section__title"><span>友情链接</span></h2>
    </div>
    <div class="dzq-index-section__bd">
      <div class="dzq-layout_section-logo">
        <a v-for="(item, index) in links" :key="index" :href="item.url" target="_blank">
          <img :src="item.logo" />
        </a>
      </div>
    </div>
  </div>
</template>
